CSS targeting

On this page: http://phoenix.sheridanc.on.ca/~ccit714/?q=cupcakes,

I want to edit the font-family, font-size and color of the these fields:

<div class="field-content">
<p>Carrot cake with a twist - of orange, cinnamon and walnuts. These aren't the boring carrot muffins from your school lunch.</p>

In the fusion-starter-lite-style.css I put:

.view-cupcakes .views-field-content {
font-family: "Karla", Verdana, Arial, sans-serif;
color:#1C1B6C;
}

but nothing's happening. I tested it by changing the font-family to "Courier".



Hi, there are a couple of ways you could proceed... there is no .views-field-content though... if you poke through firebug you can confirm this.

I would probably do:

.view-cupcakes .field-content p (so, all paragraphs in class field-content in view-cupcakes) to target the body text.

THANK YOU.

2. On this page:
http://phoenix.sheridanc.on.ca/~ccit714/

I want to change the font-size in the Body.

In the fusion-starter-lite-style.css, I put:

body {
text-align: center;
background-image:url('http://phoenix.sheridanc.on.ca/~ccit714/bg.png');
background-repeat:repeat;
font-family: "Karla", Verdana, Arial, sans-serif;
font-size:5em;
color: #1C1B6C;
}

The family and color are being recognized but the font-size is not. I tested the font-size with "5em".

Body will make all the type on the site change size (and probably be 5x bigger). What field are you trying to isolate? 'ordering vegan cupcakes is as easy as 1,2,3...'? or your footer message or the menu? – GJS

Yes, I am trying to isolate 'ordering vegan cupcakes is as easy as 1,2,3..." on the front page AND hoping to impact the font on the order form page.